<template>
  <n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme-overrides="themeOverrides">
    <n-loading-bar-provider>
      <n-message-provider>
        <div class="app-container">
          <TitleBar />
          <router-view />
        </div>
      </n-message-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
import TitleBar from '@/components/TitleBar.vue'
import { themeOverrides } from '@/theme'
import { NLoadingBarProvider, NMessageProvider, zhCN, dateZhCN } from 'naive-ui'
</script>

<style>
.app-container {
  height: 100vh;
}
</style>